<template>
	<div class="wait">
		<navBar text='等待发货'>
			<template v-slot:head>
				<image class="headPic" src="../../static/images/Shop/usage.png" mode=""></image>
				<text>等待发货</text>
			</template>
			<template v-slot:subhead>
				预计<text style="color: #fff;margin: 0 5px;">72h</text>内发货
			</template>
		</navBar>
		<div class="secureCaseBox">
			<!-- 货物 -->
			<shopPro>
				<template v-slot:shopName>{{product.productName}}</template>
				<template v-slot:countNum>
					<span>*{{product.count}}</span>
					<span>{{product.productPrice}}USDT</span>
				</template>
				<template v-slot:freight>
					<span>运费</span>
					<span>{{product.freightPrice}}USDT</span>
				</template>
				<template v-slot:line>
					<div class="van-hairline--top"></div>
				</template>
				<template v-slot:needToPay>
					<span>需付款</span>
					<span class='sum'>{{(product.productPrice*product.count)+product.freightPrice}}USDT</span>
				</template>
			</shopPro>
			<!-- 订单信息 -->
			<orderInfo style="width: 91%;">
				<template v-slot:order>
					<div class="order">
						<span>订单编号</span>
						<div class='colorGray'>
							<span>{{orderNum}}</span>
							<image src="../../static/images/Order/order_copy.png" mode="widthFix"
								@click='copy(orderNum)'></image>
						</div>
					</div>
				</template>
				<template v-slot:address>
					<div class="address">
						<span>收货地址</span>
						<div class='colorGray'>李二狗，13544495068，北京市朝阳区劲松街道华腾园6-1508</div>
					</div>
				</template>
				<template v-slot:timePayment>
					<div class="timePayment">
						<span>支付时间</span>
						<div class='colorGray'>{{store.state.paymentTime}}</div>
					</div>
				</template>
				<template v-slot:time>
					<div class="time">
						<span>创建时间</span>
						<span class='colorGray'>{{store.state.createTime}}</span>
					</div>
				</template>
			</orderInfo>
			<!-- 联系我们 -->
			<!-- <contactUs></contactUs> -->
		</div>
		<van-button @click='eeeee'>sdf</van-button>
	</div>
</template>

<script setup lang='ts'>
	import {
		ref
	} from 'vue'
	import {
		useStore
	} from 'vuex'
	import {
		copy,
	} from '../../utils/copy.ts'
	import type {
		Product
	} from "@/types/product.js";
	const store = useStore()
	let product: Product = store.state.product
	// copy功能
	const orderNum = ref('168516518165168165')
	const eeeee = () => {
		uni.navigateTo({
			url: '/subdue/shipped/index'
		})
	}
</script>

<style scoped>
	.wait {
		height: 100vh;
	}
</style>